<template>
    <div>
        <nav01 :avatar="avatar"></nav01>
        <change1></change1>
        <foot01></foot01>
    </div>
</template>
<script>
import foot01 from '../index/components/foot.vue'
import nav01 from '../index/components/nav.vue'
import  change1 from './index.vue'
import  {defineComponent} from 'vue'
export default defineComponent({
  components: {
    nav01,
    change1,
    foot01
  },
  setup() {
    // 从本地存储中获取用户头像信息
  const avatar = localStorage.getItem('userAvatar') || '';
    return {
      avatar
    };
  }
});

</script>